import React, { PureComponent } from 'react'
// 子组件给父组件传值
// 父组件在调用子组件的地方，添加一个自定义的属性，属性的值是一个函数
// 函数的默认返回值就是子组件传递给父组件的值
// 在子组件的某一个时间内部，可以通过this.props.自定义的属性名() 触发传值
class Child extends PureComponent {
  state = {
    a: 1000
  }
  sendData = () => {
    this.props.getData(this.state.a)
  }
  render () {
    return (
      <div>
        {
          this.state.a
        }
        <button onClick = { this.sendData }>传值给父组件</button>
      </div>
    )
  }
}
export default class App extends PureComponent {
  getDataFn = (data) => {
    console.log(data)
  }
  render() {
    return (
      <div>
        <Child getData = { this.getDataFn }/>
      </div>
    )
  }
}
